@import 'class';
@import 'slick';

html,
body {
    h: 100%;
}

.main {
    p: 56px 0 0;
}





/*设置inputplaceholder的文字颜色*/

textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #a0a5ad;
    font-size: 12px;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a0a5ad;
    font-size: 12px;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a0a5ad;
    font-size: 12px;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #a0a5ad;
    font-size: 12px;
}

.file-wrap {
    /*ofl: hidden;*/
    clear: fix;

    /*padding:0 50px;*/
    bg: #f2f5f8;
    z-index: 22;
    w: 100%;
    &.scroll {
        pos: fixed;
        top: 0;
        left: 0;
    }
}

.file,
.file-success {
    m: 30px auto;
    position: relative;
    /*ofl: hidden;*/
    clear: fix;
    &.resize {
        p: 0 0 0 50px;
        m: 30px 0;
        min-width: 900px;
    }

    .file-left {
        fl: left;
        .file-left-name {
            fz: 24px;
            mb: 12px;
        }
        .file-left-infor {
            .infor-section {
                fl: left;
                mr: 35px;
                i {
                    mr: 5px;
                }
                .title {
                    c: #a0a5ad;
                }
            }
        }
    }
    .file-right {
        fl: right;
        mt: 5px;
        button {
            size: 160px 40px;
            border-radius: $radius;
            cursor: pointer;
            fz: 16px;
            c: #fff;
            bd: 0;
            fl: left;
            ml: 20px;
            a {
                d: block;
                c: #fff;
            }
            &:hover {
                opacity: .8;
                filter: alpha(opacity=80);
            }
        }
        .bt-agree {

            .icon-infor-agree {
                mr: 3px;
            }
        }
        .bt-refuse {

            mr: 0;
        }
    }
}

.file-success.resize {
    min-width: 1130px;
}


.icon-infor-sign-success {
    pos: absolute;
    c: #fff;
    fs: normal;
    fz: 16px;
    lh: 68px;
    pl: 9px;
    z-index: 22;
    left:auto;
    margin-left: -35px;
    t:-10px;
    &.scroll {
        position: fixed;
        top: 110px;
    }
}


/*word图片*/

.word-wrap {
    box-sizing: border-box;
    p: 0 100px 71px;
    bg: #fff;
    pos: relative;
    &.scroll {
        mt: 120px;
    }

    .img-section {
        bdb: 1px solid #e4e6eb;
        ta: center;
        pb: 30px;
        pos: relative;
    }
    .border0 {
        border: 0;
    }
    .word-img {
        size: 811px 1154px;
        margin: 0 95px;
    }
    .seal {
        pos: absolute;
        b: 338px;
        r: 191px;
    }
}







/*layer*/

.layer-button {
    w: 100%;
    ta: center;
    pos: absolute;
    b: 30px;
    button {
        size: 96px 32px;
        c: #fff;
        border-radius: $radius;
        fz: 14px;
        mr: 8px;
        bd: 0;
        cursor: pointer;
        &:hover {
            opacity: .8;
            filter: alpha(opacity=80);
        }
    }
    .bt-sure {
        bg: #6aa1e6;
    }
    .bt-cancel {
        bg: #c8cbcf;
    }
}






/*同意签署
*/

.layer-agree {
    .agree-content {
        ofl: hidden;
        w: 310px;
        m: 43px auto 0;
        .icon-lamp,
        p {
            fl: left;
        }
        p {
            w: 258px;
            ml: 10px;
            lh: 30px;
            fz: 16px;
        }
    }
}






/*拒绝签署*/

.layer-refuse {
    .refuse-content {
        fz: 16px;
        p: 26px 30px 0;
        pos: relative;
        p {
            mb: 10px;
        }
        textarea {
            width: 360px;
            height: 80px;
            resize: none;
            p: 10px;
            bd: 1px solid #d8dde3;
            lh: 20px;
            fl: left;
            @extend sizing;
        }
    }
}